import React from "react";
import { Tabs } from "antd";
import type { TabsProps } from "antd";
import Home from "./components/Home";
import Data from "./components/Data";
import ExpertLibrary from "./components/ExpertLibrary";
import InspirationLibrary from "./components/InspirationLibrary";
import MonitoringCenter from "./components/MonitoringCenter";
import Trendreport from "./components/Trendreport";
import Workbench from "./components/Workbench";
const App: React.FC = () => {
  const items: TabsProps["items"] = [
    {
      key: "1",
      label: "首页",
      children: <Home />,
    },
    {
      key: "2",
      label: "数据洞察",
      children: <Data />,
    },
    {
      key: "3",
      label: "监控中心",
      children: <MonitoringCenter />,
    },
    {
      key: "4",
      label: "灵感库",
      children: <InspirationLibrary />,
    },
    {
      key: "5",
      label: "达人库",
      children: <ExpertLibrary />,
    },
    {
      key: "6",
      label: "工作台",
      children: <Workbench />,
    },
    {
      key: "7",
      label: "趋势报告",
      children: <Trendreport />,
    },
  ];

  return (
    <div>
      <Tabs defaultActiveKey="2" items={items} />
    </div>
  );
};
export default App;
